
<div id="titulo_pagina_proyectos">
<p>Proyectos realizados</p>
</div>
<!-- **************************************************** PROYECTO 1 ****************************************************** -->
<div id="proyecto">
 <div class="proyecto_columna1"> 
  <a href="javascript:showPopup();"><img src="recursos/imagenes/ropcem.png" alt="Oficina" /></a>
 </div>
 <div class="proyecto_columna2"> 
  <h2>Ropcem - Reparación y venta de equipos de cómputo</h2>
  <p><strong>2009-2011</strong> Dedicados al mantenimiento y reparación de equipos de cómputo, 
  con una oficina en Ciudad Quesada, frente al hospital San Carlos, este proyecto 
  tuvo una duración aproximada de una año, pero se detuvo porque tuvimos que irnos
  a trabajar afuera de la ciudad, hacía San José</p>
  <div class="links_proyecto">
   <span class="ui-icon ui-icon-extlink"></span><a href="http://www.ropcem.50webs.com" target="_blank" class="links_externos">Sitio 1</a>
   <span class="ui-icon ui-icon-extlink"></span><a href="http://ropcemsoftware.50webs.com" target="_blank" class="links_externos">Sitio 2</a>
  </div>
 </div>
</div>

<!-- **************************************************** PROYECTO 2 ****************************************************** -->
<div id="proyecto">
 <div class="proyecto_columna1"> 
  <a href="javascript:showPopup();"><img src="recursos/imagenes/sinimagen.png" alt="Propica" /></a>
 </div>
 <div class="proyecto_columna2">
   <h2>Propica - Software de Facturación e Inventario</h2>
  
    <p><strong>2009</strong> Con sede en La Tigra de San Carlos la compañia Propica se dedica a la exportación de diferentes tipos de chile, 
    aquí tuvimos la experiencia de desarrollar un sistema a la medida, que aún sigue en construcción</p>
    <div class="links_proyecto">
     <span class="ui-icon ui-icon-extlink"></span><a href="http://www.propica.com" target="_blank" class="links_externos">Sitio 1</a>
    </div>
 </div>
</div>

<!-- **************************************************** PROYECTO 3 ****************************************************** -->
<div id="proyecto">
 <div class="proyecto_columna1"> 
  <a href="javascript:showPopup();"><img src="recursos/imagenes/sinimagen.png" alt="Propica" /></a>
 </div>
 <div class="proyecto_columna2">
  <h2>Registro de Entrada de Empleados</h2>
  
  <p><strong>2008</strong></p>
  <div class="links_proyecto">
    <span class="ui-icon ui-icon-extlink"></span><a href="http://www.hospitalcooperativo.com" target="_blank" class="links_externos">Sitio 1</a>
  </div>
</div>

<!-- **************************************************** MODAL 1 ****************************************************** -->
<!-- <div id="modal_fondo">
</div>
<div id="modal_contenido" >
  <div id="slides">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
	
	<a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
    <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
	
  </div>
  <script>
    $(function(){
      $('#slides').slidesjs({
        width: 940,
        height: 528,
		navigation:false
      });
    });
</script>
</div> -->

<script>
 javascript:ocultarDiv('#modal_contenido');
</script>
